<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .text-container::first-letter {
            font-size: 3em;
            font-weight: bold;
            text-transform: uppercase;
            float: left;
            line-height: 1;
            color: yellow;
        }
    </style>
</head>

<body>
    <div class="text-container">
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam unde exercitationem qui nam tempora,
        repellendus tenetur similique, distinctio, labore deleniti optio corporis necessitatibus nemo ut obcaecati
        cumque nostrum libero adipisci.
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam unde exercitationem qui nam tempora,
        repellendus tenetur similique, distinctio, labore deleniti optio corporis necessitatibus nemo ut obcaecati
        cumque nostrum libero adipisci.
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam unde exercitationem qui nam tempora,
        repellendus tenetur similique, distinctio, labore deleniti optio corporis necessitatibus nemo ut obcaecati
        cumque nostrum libero adipisci.
    </div>
</body>

</html>